<template>
	<div class="account_div">
		<div class="header_div">
			<p class="btn_back" @click="btn_back">返回</p>
			更改语言与货币
		</div>
		<div class="input_div">
			
			<div class="input_p" >
				<p class="fl">常用语言</p>
				<p class="fr" @click="bindLanguage">{{lang_model}}<span class="icon-arrbR"></span></p>
			</div>
			<div class="input_p" >
				<p class="fl">更改货币</p>
				<p class="fr" @click="bindCurrency">{{currency_model}}<span class="icon-arrbR"></span></p>
			</div>
		</div>
		<mt-actionsheet  
	        :actions= "dataLanguage"  
	        v-model="sheetVisibleLanguage">  
	    </mt-actionsheet> 
	    <mt-actionsheet  
	        :actions= "dataCurrency"  
	        v-model="sheetVisibleCurrency">  
	    </mt-actionsheet>  
	</div>
</template>
<script>
	
	export default{
		name:'language',
		data(){
			return {
				lang_model:'English',
				currency_model:'￥|人民币',
				dataLanguage: [
					{  
						name: 'English',  
						method :this.SetEnglish 
					}, 
					{  
						name: '简体中文',   
						method : this.SetSimChiness
					}
				], 
				sheetVisibleLanguage: false , 
				dataCurrency: [
					{  
						name: '￥|人民币',  
						method :this.SetRMB
					}, 
					{  
						name: 'S$|新币',   
						method : this.SetSGD
					}
				], 
				sheetVisibleCurrency: false ,
			}
		},

		components:{
            
        },
        methods:{
        	btn_back:function(){
				this.$router.go(-1);
			},
			bindCurrency:function(){
				
				this.sheetVisibleCurrency = true;
			},
			bindLanguage:function(){
				this.sheetVisibleLanguage = true;
			},
			SetEnglish: function(){  
				this.lang_model = 'English';
		    },  
		    SetSimChiness: function(){ 
		    	this.lang_model = '简体中文';
		    },
		    SetRMB:function(){
		    	this.currency_model = '￥|人民币';
		    },
		    SetSGD:function(){
		    	this.currency_model = 'S$|新币';
		    }
        },
        created() {  
			
	    },  
        mounted:function(){

        }
	}
</script>
<style rel="stylesheet" lang="scss" scoped>
	.account_div{
		.header_div{
			background-color: #FFF;
	    	color: #000;
		}
		.input_div{
			margin-top: 0;
			background-color: #FFF;
		}
		.input_p{
			box-sizing: border-box;
			border-top: 1px solid #DDD;
			overflow: hidden;
			.fr{
				padding-right: 0.6667rem;
			}
			.icon-arrbR{
				right: 0.4rem;
				left: inherit;
				line-height: 1.4667rem;
				vertical-align: middle;
			}
		}
		
	}
</style>